<template>
    <section>
        <el-alert
                title="感谢您使用JEESNS，JEESNS正在不断完善中，可以向我们提出宝贵的建议或意见，JEESNS的成长需要大家的支持。"
                type="info"
                :closable="false"
                style="margin-top: 10px;padding: 10px;">
        </el-alert>
        <el-row :gutter="10">
            <el-col :span="8" class="common-box">
                <div class="grid-content">
                    <p>
                        感谢您使用JEESNS，JEESNS是一款基于JAVA企业级平台研发的社交管理系统，
                        依托企业级JAVA的高效、安全、稳定等优势，开创国内JAVA版开源SNS先河。
                        数据库使用MYSQL，全部源代码开放，官方网址：
                        <a href="http://www.jeesns.cn" target="_blank">www.jeesns.cn</a>。
                    </p>
                    <p>
                        <el-button :plain="true" type="success" @click="openQq()">
                            <i class="fa fa-qq"> </i> 联系我
                        </el-button>
                        <el-button class="btn btn-white btn-bitbucket" @click="website()">
                            <i class="fa fa-home"></i> 访问官网
                        </el-button>
                    </p>
                </div>
            </el-col>
            <el-col :span="8" class="common-box">
                <div class="grid-content">
                    <p>技术支持：<a href="http://www.lxinet.com" target="_blank">凌夕网络（www.lxinet.com）</a></p>
                    <p>产品交流：<a href="http://www.jeesns.cn" target="_blank">JEESNS社区（www.jeesns.cn）</a></p>
                    <p>服务器赞助：<a href="http://www.919dns.com" target="_blank">919数据中心（www.919dns.com）</a></p>
                    <p>QQ交流群：280062708</p>
                    <p>商业授权QQ：582866070</p>
                </div>
            </el-col>
            <el-col :span="8" class="common-box">
                <div class="grid-content">
                    <p>系统支持:{{systemName}}</p>
                    <p>当前版本:{{systemVersion}}</p>
                    <p>当前版本更新时间:{{systemUpdateTime}}</p>
                    <p>最新版本:{{LAST_SYSTEM_VERSION}} &nbsp;&nbsp;
                        <a href="http://www.lxinet.com" target="_blank">官网查看</a></p>
                    <p>最新版本更新时间:{{LAST_SYSTEM_UPDATE_TIME}}</p>
                </div>
            </el-col>
        </el-row>
        <el-row :gutter="10">
            <el-col :span="8" class="common-box">
                <div class="grid-content">
                    <p>我们提供基于JEESNS的二次开发、模板定制服务，具体费用请联系我们。</p>
                    <p>同时，我们也提供以下服务：</p>
                    <ol>
                        <li>网站定制开发</li>
                        <li>仿站服务</li>
                        <li>APP开发</li>
                        <li>微信开发等</li>
                        <li>......</li>
                    </ol>
                </div>
            </el-col>
            <el-col :span="8" class="common-box">
                <div class="grid-content">
                    <p>商业授权后我可以获得什么？</p>
                    <ol>
                        <li>可以用于商业网站；</li>
                        <li>可以去除Powered by JEESNS；</li>
                        <li>获取后台管理前端源代码；</li>
                        <li>获得更多功能；</li>
                        <li>意见或建议优先考虑；</li>
                        <li>提供技术服务支持；</li>
                        <li>……</li>
                    </ol>

                </div>
            </el-col>
            <el-col :span="8">
                <el-collapse style="margin-top: 10px;">
                    <el-collapse-item title="v1.0.2-2017.4.17" name="5">
                        <ul>
                            <li>优化微博、文章、帖子图片裁剪功能</li>
                            <li>优化配置文件</li>
                            <li>XSS攻击处理优化</li>
                            <li>系统设置增加统计代码、版权说明、备案号</li>
                            <li>修复群组发帖缩略图上传失败问题</li>
                            <li>修复多次运行积分规则SQL导致ID不一致问题</li>
                            <li>修复Emoji偶尔抽风不能用问题</li>
                        </ul>
                    </el-collapse-item>
                    <el-collapse-item title="v1.0.1-2017.4.10" name="4">
                        <ul>
                            <li>增加会员积分功能</li>
                            <li>XSS攻击处理</li>
                            <li>增加判断，访问未审核的文章详情页面时，提示文章不存在</li>
                            <li>修复在文章、帖子、微博评论中点击评论人的头像或者姓名不会调整到会员主页</li>
                            <li>修复管理员admin账号在后台无法登录情况</li>
                            <li>提交表单成功后，增加等待跳转时加载的图标</li>
                        </ul>
                    </el-collapse-item>
                    <el-collapse-item title="v1.0-2017.3.14" name="3">
                        <ul>
                            <li>增加后台管理员授权与取消功能</li>
                            <li>增加私信模块</li>
                            <li>解决在微博页面，左侧微博点赞过后，左侧展示列表小手会变黑，但是右侧热门出小手依然是白色</li>
                            <li>修复后台添加栏目、文章成功后，提示页面找不到问题</li>
                            <li>增加后台登录页面</li>
                            <li>优化选择图片速度慢的问题</li>
                            <li>增加动态功能</li>
                            <li>优化微博图片展示、优化文章、帖子上传缩略图功能</li>
                            <li>微博增加发布图片功能</li>
                            <li>修复编辑文章和帖子失败问题</li>
                            <li>增加会员登录后自动跳转到前操作页面</li>
                            <li>修复项目如果部署到子目录下，退出或跳到登录页面出现404问题</li>
                            <li>解决微博内容换行后加入emoji表情无效问题</li>
                            <li>界面优化、修复手机访问无法点击问题</li>
                            <li>修复后台修改会员密码页面样式问题</li>
                            <li>修复偶尔用户权限判断错误问题</li>
                            <li>优化会员主页、增加查看粉丝、关注、文章、群贴、微博、关注的群组功能</li>
                            <li>优化分页查询功能，解决部分分页出现异常情况</li>
                            <li>增加404、500异常页面处理</li>
                        </ul>
                    </el-collapse-item>
                    <el-collapse-item title="v0.8-2017.2.17" name="2">
                        <ul>
                            <li>后台界面全新升级</li>
                            <li>后台增加微博搜索功能</li>
                            <li>增加了会员操作日志、会员动态</li>
                            <li>微博、微博评论增加@会员功能</li>
                            <li>群组帖子增加置顶、精华功能</li>
                            <li>限制微博输入内如字数、输入内容时字数统计</li>
                            <li>微博增加Emoji表情</li>
                            <li>增加微博、文章、群组帖子喜欢、点赞功能，</li>
                            <li>修复会员修改头像时会把系统默认头像文件删除了</li>
                            <li>删除文章、帖子、微博时删除相应的评论</li>
                            <li>解决查看会员信息时会员信息显示错误</li>
                        </ul>
                    </el-collapse-item>
                    <el-collapse-item title="v0.5-2017.2.7" name="1">
                        <ul>
                            <li>此版本是一个预览版本，让我们共同期待1.0版的到来</li>
                        </ul>
                    </el-collapse-item>
                </el-collapse>
            </el-col>
        </el-row>
    </section>
</template>

<script>
    import ElButton from "../../node_modules/element-ui/packages/button/src/button";
    import axios from 'axios'
    import util from '../common/js/util'
    import {currVersion} from '../api/api';

    export default {
        data() {
            return {
                systemVersion: '',
                systemName: '',
                systemUpdateTime: '',
                LAST_SYSTEM_UPDATE_TIME: '',
                LAST_SYSTEM_VERSION: ''
            }
        },
        methods: {
            openQq() {
                window.open("http://wpa.qq.com/msgrd?v=3&uin=582866070&site=qq&menu=yes","_blank");
            },
            website() {
                window.open("http://www.lxinet.com","_blank");
            },
            getNewVersion(){
                var _this = this;
                axios.get('http://www.jeesns.cn/newVersion?callback=?').then(function (response) {
                    var data = response.data;
                    data = data.substring(2,data.length-1);
                    data = eval('('+data+')');
                    _this.LAST_SYSTEM_UPDATE_TIME = data.LAST_SYSTEM_UPDATE_TIME;
                    _this.LAST_SYSTEM_VERSION = data.LAST_SYSTEM_VERSION;
                });
            },
            getCurrVersion(){
                var params = new URLSearchParams();
                params.append("token", sessionStorage.getItem("token"));
                currVersion(params).then((res) => {
                    this.systemVersion = res.systemVersion;
                    this.systemName = res.systemName;
                    this.systemUpdateTime = res.systemUpdateTime;
                });
            },
        },
        mounted() {
            this.getNewVersion();
            this.getCurrVersion();
        }
    }

</script>

<style scoped>
    a {
        text-decoration: none;
        color: #58B7FF;
    }
    .grid-content {
        min-height: 36px;
        border: solid 1px #58B7FF;
        border-radius: 5px;
        margin-top: 10px;
        padding: 10px;
    }
</style>